<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
      
<h:head> <h:title> TravelDream - Crea Componente</h:title></h:head>

<h:body>
	<h:form>
			    <p:messages id="messages" showDetail="true" autoUpdate="true" closable="false" />  
	
		<h4>Nome</h4>
		<p:inputText id="nome" value="#{tipicomponente.tntDTO.nome}" required="true" requiredMessage="Inserisci il Nome!"/>
		<p:message for="nome" />  
		<br/>	
		<h4>Data di Partenza</h4>
		<p:calendar id="datapartenza" value="#{tipicomponente.tntDTO.dataPartenza}" pattern="dd/MM/yyyy HH:mm" mindate="#{tipicomponente.oggi()}" required="true" requiredMessage="Inserisci la Data di Partenza!"/>
        <p:message for="datapartenza"/>
		<br/>		
		<h4>Data di Arrivo</h4>  
   		<p:calendar id="dataarrivo" value="#{tipicomponente.tntDTO.dataArrivo}" pattern="dd/MM/yyyy HH:mm" mindate="#{tipicomponente.oggi()}"  required="true" requiredMessage="Inserisci la Data di Arrivo!"/>
        <p:message for="dataarrivo"/>
        <br/>      
		<h4>Luogo di Partenza</h4>
		<p:inputText id="partenza" value="#{tipicomponente.tntDTO.luogoPartenza}" required="true" requiredMessage="Inserisci il Luogo di Partenza!"/>
		<p:message for="partenza" />  
		<br/>	
		<h4>Luogo di Destinazione</h4>
		<p:inputText id="destinazione" value="#{tipicomponente.tntDTO.luogoDestinazione}" required="true" requiredMessage="Inserisci il Luogo di Destinazione!"/>
		<p:message for="destinazione" />
		<h4>Prezzo</h4>
		<h:outputLabel for="prezzo" />  
        <p:spinner id="prezzo" value="#{tipicomponente.integerTNT}" min="0" max="999999" required="true" requiredMessage="Inserisci il Prezzo!"/>  
        <p:message for="prezzo" />
        <br/>
        <h:dataTable rendered="true" id="textAreas" value="#{tipicomponente.textAreas}" var="input"  style="align: center;" >
			<h:column rendered="true">
           		<p:outputLabel for="input1" value="#{input.label}" />
        	</h:column>
        	<h:column rendered="true">
            	<p:inputText id="input1" value="#{input.value}" required="true" requiredMessage="Inserisci #{input.label}" />
        	</h:column>
        </h:dataTable>
        <br/>
        <p:selectManyCheckbox id="checkBoxes" value="#{tipicomponente.tntDTO.opzioniDaCheckBoxes}">  
            <f:selectItems value="#{tipicomponente.checkBoxes}" /> 
        </p:selectManyCheckbox>  
        <br/>
	    <p:selectOneRadio  id="radioButtons" value="#{tipicomponente.tntDTO.opzioneDaRadioButton}">  
	    	<f:selectItems value="#{tipicomponente.radioButtons}" />    
	    </p:selectOneRadio>
        <br/>
		<p:commandButton value="Submit" rendered="true" action="#{tipicomponente.saveComponenteNuovoTipo}" actionListener="#{tipicomponente.checkDataTnt}"  ajax="false" icon="ui-icon-check" validateClient="true"/> 
		<br/>
		<p:dialog header="Selected Dates" widgetVar="dialog" showEffect="fold" hideEffect="fold">  
	  		<h:panelGrid id="display" columns="2" cellpadding="5">  
		  		<h:outputText value="Data Partenza: " />  
		        <h:outputText value="#{tipicomponente.tntDTO.dataPartenza}">  
		        	<f:convertDateTime pattern="dd/MM/yyyy HH:mm" />  
		        </h:outputText>  
		        <h:outputText value="Data Arrivo: " />  
		        <h:outputText value="#{tipicomponente.tntDTO.dataArrivo}">  
		        	<f:convertDateTime pattern="dd/MM/yyyy HH:mm" />  
		        </h:outputText>  
	        </h:panelGrid>    
    	</p:dialog>   
    	<p:dialog header="Values" widgetVar="dlg" showEffect="fold" hideEffect="fold">  
        	<h:panelGrid id="disp" columns="2" cellpadding="5">  
   				<h:outputText value="Prezzo: " />  
            	<h:outputText value="#{tipicomponente.integerTNT}" />   
 			</h:panelGrid>  
     	</p:dialog>  
	</h:form>
</h:body>

</html>